<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" type="text/css" href="./forms.css">
<body>
	<form>
		<fieldset>
			<legend>JQuery Form Validation</legend>
			<p>
				<label class="required" for="firstname">First name:</label><br>
				<input type="text" id="firstname" class="half" value="" name="firstname">
			</p>	
			<p>
				<label class="required" for="lastname">Last name:</label><br>
				<input type="text" id="lastname" class="full" value="" name="lastname">
			</p>
			<p>
				<label class="required">Date format:</label><br>
				<input type="radio" id="dateformat1" class="" value="dmy" name="dateformat">
				<label class="choice" for="dateformat1">dd/mm/yyyy</label>
				<input type="radio" id="dateformat2" class="" value="mdy" name="dateformat">
				<label class="choice" for="dateformat2">mm/dd/yyyy</label>
			</p>
			<p>
				<input type="checkbox" id="terms" class="" value="1" name="terms">
				<label class="choice" for="terms">I have read and accept the Terms of Use.</label>
			</p>
			<p>
				<label for="area1">Medium textarea:</label><br>
				<textarea id="area2" class="medium half" name="area2"></textarea>
				<small>class="medium half"</small>
			</p>
		</fieldset>	
	</form>
</body>
</html>